import React from 'react';
import ReactDOM from 'react-dom/client';
// 下面两行是RTK的
// import App from './RTK-store/App';
// import { Provider } from 'react-redux';
// import store from './store';
// 下面两行是RTKQ的
// import { Provider } from 'react-redux';
// import store from './RTKQ-store';
// import App from './RTKQ-store/App';
// 下面是router-v5
// import App from './router-5/App';
// import { BrowserRouter as Router } from 'react-router-dom';
/**
 * HashRouter 会通过url地址中的hash值来对地址进行匹配，开发时只是多一个#/
 * 
 * BrowserRouter 直接通过url地址进行组件跳转
 *  使用过程中和普通url没有区别，但是在服务器里刷新时会显示404，没经过服务器，前端路由
 *  当我们通过点击link构建的链接进行跳转时，没有经过服务器
 *  刷新时会像服务器里请求加载，这时请求并没有经过react router 所以返回404
 * 
 * 解决方案：
 *  1、使用HashRouter，服务器不会去判断hash值，所以使用HashRouter后请求将会由React Router处理
 *  2、修改服务器配置，将所有请求都转发到index.html
 */

// 下面是router-v6
import { BrowserRouter as Router } from 'react-router-dom';
import App from './router-6/App';

const root = ReactDOM.createRoot(document.getElementById('root'));
root.render(
  // <Provider store={store}>
  <Router>
    <App />
  </Router>

  // </Provider>

);
